<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@include file="../../common/taglib.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@include file="../../common/common-css.jsp" %>
<%@include file="../../common/common-js.jsp" %>
<%@include file="../../common/init.jsp" %>
 <script type='text/javascript' src="${pageContext.servletContext.contextPath }/js/WdatePicker.js"></script>
<link rel="stylesheet" type="text/css"
	href="${pageContext.servletContext.contextPath }/css/fenyecss.css" />
	<script type="text/javascript">
function permissio(id){
	 var url = "${pageContext.servletContext.contextPath }/background/resources/permissioRole.html?roleId="+id;
	 var h_sp1 = 400;
	 var w_sp1 = 350;
	//兼容IE，firefox,google.模态窗口居中问题
	 var iTop2 = (window.screen.availHeight - 20 - h_sp1) / 2;
	 var iLeft2 = (window.screen.availWidth - 10 - w_sp1) / 2;
	 var params = 'menubar:no;dialogHeight=' + h_sp1 + 'px;dialogWidth=' + w_sp1 + 'px;dialogLeft=' + iLeft2 + 'px;dialogTop=' + iTop2 + 'px;resizable=yes;scrollbars=0;resizeable=0;center=yes;location:no;status:no;scroll:no'
	 window.showModalDialog(url, window, params);
	 //location.href=url;
}
var leb = '';
function selectLabel(){
	var selectlabel = $("#selectlabel").val();
	if(leb !=''){
		$("#"+leb).hide();
		$("#"+leb+"1").hide();
	}else{
		$("#year").hide();
		$("#year1").hide();
		$("#month").hide();
		$("#month1").hide();
		$("#day").hide();
		$("#day1").hide();
	}
	if(selectlabel =='A'){
		leb = "year";
		$("#year").show();
		$("#year1").show();
	}
	if(selectlabel =='B'){
		leb = "month";
		$("#month").show();
		$("#month1").show();
	}
	if(selectlabel =='C'){
		leb = "day";
		$("#day").show();
		$("#day1").show();
	}
}
</script>
	<style type="text/css">
	  input{font-size: 12px}
	</style>
</head>
<body>
<form id="fenye" name="fenye" action="${pageContext.servletContext.contextPath }/background/order/serviceOrderNumYear.html" method="post">
        <div class="right" >
        	<div class="volume">
            	<img src="${pageContext.servletContext.contextPath }/images/toleft.png" style="margin:23px 0 0 2px;_margin:23px 0 0 0px;" />
            </div>
        	<div class="rightcon ">
            	<div class="title">
                	您当前的位置：首页 > 订单管理 > 统计服务商年度服务数量
                </div>
                <table border="0" cellpadding="0" cellspacing="0" class="table1">
                	<tr>
                    	<td class="odd">服务商名称：
                        </td>
                        <td class="even"><input type="text" name="servicename" value="${servicename }" class="input"  />
                        </td>
                        <td class="odd">统计类型：
                        </td>
                        <td class="even"><select name="selectlabel" id="selectlabel" onchange="selectLabel()">
								<option value="">请选择</option>
								<option value="A" <c:if test="${selectlabel eq 'A' }">selected="selected"</c:if>>年</option>
								<option value="B" <c:if test="${selectlabel eq 'B' }">selected="selected"</c:if>>月</option>
								<option value="C" <c:if test="${selectlabel eq 'C' }">selected="selected"</c:if>>日</option>
						</select>
                        </td>
                         <td class="odd" id="year" <c:if test="${selectlabel eq 'A' }">style="display:block;"</c:if> <c:if test="${selectlabel != 'A' }">style="display:none;"</c:if>>请输入年份：
                        </td>
                        <td class="even" id="year1" <c:if test="${selectlabel eq 'A' }">style="display:block;"</c:if> <c:if test="${selectlabel != 'A' }">style="display:none;"</c:if>>
                        <input type="text" name="year" onfocus="WdatePicker({dateFmt:'yyyy'})" value="${year }" class="Wdate"  style="height: 20px"/>
                        </td>
                        <td class="odd" id="month" <c:if test="${selectlabel eq 'B' }">style="display:block;"</c:if> <c:if test="${selectlabel != 'B' }">style="display:none;"</c:if>>请输入月份：
                        </td>
                        <td class="even" id="month1" <c:if test="${selectlabel eq 'B' }">style="display:block;"</c:if> <c:if test="${selectlabel != 'B' }">style="display:none;"</c:if>>
                        <input type="text" name="month" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" value="${month }" class="Wdate" style="height: 20px"/>
                        </td>
                        <td class="odd" id="day" <c:if test="${selectlabel eq 'C' }">style="display:block;"</c:if> <c:if test="${selectlabel != 'C' }">style="display:none;"</c:if>>请输入天数：
                        </td>
                        <td class="even" id="day1" <c:if test="${selectlabel eq 'C' }">style="display:block;"</c:if> <c:if test="${selectlabel != 'C' }">style="display:none;"</c:if>>
                       	<input type="text" name="day" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" value="${day }" class="Wdate" style="height: 20px"/>
                        </td>
                        <td class="odd"  rowspan="2"  >
                        	<input type="image" src="${pageContext.servletContext.contextPath }/images/cx.png" width="101" height="46"/>
                        </td>
                    </tr>
                </table>
                 <table border="0" cellpadding="0" cellspacing="0" class="table2">
                 	<tr class="title">
                        <td width="10%" align="center">
                        	服务商名称
                        </td>
                         <td width="10%" align="center">
                        	总计
                        </td>
                        <td width="5%" align="center">
                        	一月
                        </td>
                        <td width="5%" align="center">
                        	二月
                        </td>
                        <td width="5%" align="center">
                        	三月
                        </td>
                        <td width="5%" align="center">
                        	四月
                        </td>
                        <td width="5%" align="center">
                        	五月
                        </td>
                        <td width="5%" align="center">
                        	六月
                        </td>
                        <td width="5%" align="center">
                        	七月
                        </td>
                        <td width="5%" align="center">
                        	八月
                        </td>
                        <td width="5%" align="center">
                        	九月
                        </td>
                        <td width="5%" align="center">
                        	十月
                        </td>
                        <td width="5%" align="center">
                        	十一月
                        </td>
                        <td width="5%" align="center">
                        	十二月
                        </td>
                    </tr>
                    <c:forEach var="key" items="${pageView.records}">
                    <tr class="odd">
                        <td align="center">
                        	${key.name}
                        </td>
                         <td align="center">
                        	${key.num1+key.num2+key.num3+key.num4+key.num5+key.num6+key.num7+key.num8+key.num9+key.num10+key.num11+key.num12}
                        </td>
                         <td align="center">
                        	${key.num1}
                        </td>
                         <td align="center">
                        	${key.num2}
                        </td>
                         <td align="center">
                        	${key.num3}
                        </td>
                         <td align="center">
                        	${key.num4}
                        </td>
                        <td align="center">
                        	${key.num5}
                        </td>
                        <td align="center">
                        	${key.num6}
                        </td>
                        <td align="center">
                        	${key.num7}
                        </td>
                        <td align="center">
                        	${key.num8}
                        </td>
                        <td align="center">
                        	${key.num9}
                        </td>
                        <td align="center">
                        	${key.num10}
                        </td>
                        <td align="center">
                        	${key.num11}
                        </td>
                        <td align="center">
                        	${key.num12}
                        </td>
                    </tr>
                    </c:forEach>
                     <tr>
                    <%@include file="../../common/webfenye.jsp" %>
                    </tr>
                 </table>
                
            </div><!--rightcon-->
        </div>     
</form>
</body>
</html>